<!DOCTYPE html>
<html lang="es" >
	<head>
		<meta charset="utf-8">

		<title>Prueba tamaño de fuente</title>

	</head>
	<body style="font-size: 100%">
			Texto en el body

		<div style="font-size: 2em">
			Texto en el DIV = 2em
			<p style="font-size: 1em">
				Texto en el párrado = 1 em
			</p>

		</div>

		<div style="font-size: 2rem">
			Texto en el otro DIV = 2rem
			<p style="font-size: 1rem">
				Texto en el párrado = 1 rem
			</p>
		</div>

		<div style="font-size: 32px">
			Texto a 32px

		</div>

		<div style="font-size: 50%">
			Texto a 50%

		</div>
		<script>
			//document.body.style.fontSize="100%";
			//var tamOriginal = window.innerWidth;
			var tamOriginal = "980";
			window.onresize = ajustarTexto;
			window.onload = ajustarTexto;

			function ajustarTexto() {
				var tamActual = window.innerWidth;
				var proporcion =  (tamActual / tamOriginal) * 100;
				//console.log(tamO);
				document.body.style.fontSize = p	roporcion + "%";
			}
		</script>
	</body>
</html>